<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-2.1.4.min.js"></script>
    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="js/bootstrap.js"></script>
</head>
<body>
<div class="container jumbotron center" style="max-width:740px; background:white">
    <h2 align="center">员工请假申请页面</h2>
    <form>
        <div class="form-group ">
            <label for="username">员工姓名:</label>
            <input type="text" class="form-control" id="username">
        </div>
        <div class="form-group">
            <label for="department">所在部门:</label>
            <select class="form-control" id="department">
                <option>产品一部</option>
                <option>产品二部</option>
                <option>研发一部</option>
                <option>研发二部</option>
            </select>
        </div>
        <div class="form-group">
            <label for="startDate">请假开始日期:</label>
            <input type="date" class="form-control" id="startDate">
        </div>
        <div class="form-group">
            <label for="endDate">请假结束日期:</label>
            <input type="date" class="form-control" id="endDate">
        </div>
        <div class="form-group ">
            <label for="Reason">请假原因:</label>
            <input type="text" class="form-control" id="Reason">
        </div>
        <input type="submit" class="btn btn-info" value="登录">
        <input type="reset" class="btn btn-info" value="重置">
    </form>
</div>

</body>
</html>